<template>
  <div class="about">
    <h1 v-back="$store.state.color">我是about页面</h1>
    <button v-border="'red'">局部自定义指令的使用</button>
    <van-button type="primary">主要按钮</van-button>
    <van-cell-group>
      <van-cell title="单元格" value="内容" />
      <van-cell title="单元格" value="内容" label="描述信息" />
    </van-cell-group>
  </div>
</template>
<script setup>
// export default {
//   directives:{ // 局部自定义指令
//     border: {
//       mounted(el,binding){
//          el.style.borderColor = binding.value;
//       }
//     }
//   }
// }

const vBorder = {
  mounted(el, binding) {
    el.style.borderColor = binding.value;
  },
};
</script>
